@import url(common.css);
html,
body {
  min-width: 320px;
  width: 15rem;
  margin: 0 auto;
  height: 100%;
  overflow: auto;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}
ul li {
  list-style: none;
}
* {
  margin: 0;
  padding: 0;
}
.clearfix {
  content: '';
  display: block;
  clear: both;
}
.container {
  width: 15rem;
  position: relative;
  background-color: #00458e;
}
.container .nav-bg1 {
  width: 15rem;
  height: 12.5625rem;
  background: url(../img/核心优势_02.png) no-repeat;
  background-size: 100%;
}
.container .nav-bg2 {
  width: 15rem;
  height: 4.6875rem;
}
.container .nav-bg2 .bg {
  width: 15rem;
  height: 2.015625rem;
  background: url(../img/核心优势_2.png) no-repeat 0 0/100% 100%;
}
.container .nav-bg2 p {
  width: 13.59375rem;
  margin: 0 auto;
  font-size: 0.421875rem;
  color: #c8e3f8;
  text-align: left;
  margin-top: 0.585937rem;
}
.container .nav-bg3 {
  width: 100%;
}
.container .nav-bg3 .bg {
  width: 10.640625rem;
  height: 10.664062rem;
  background: url(../img/核心优势_3.png) no-repeat 0 0/100% 100%;
  margin: 0 auto;
}
.container .nav-bg3 .items {
  margin: 0 auto;
  width: 13.59375rem;
  height: 10.78125rem;
  display: flex;
  flex-direction: column;
}
.container .nav-bg3 .items .item {
  flex: 1;
  position: relative;
}
.container .nav-bg3 .items .item h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.40625rem;
  font-size: 0.585937rem;
  color: yellow;
  margin: 0;
  z-index: 1;
  font-weight: lighter;
}
.container .nav-bg3 .items .item .line {
  width: 13.59375rem;
  height: 0.234375rem;
  border-top: 0.023437rem solid #2970b6;
  position: absolute;
  top: 0.398437rem;
  left: 0;
}
.container .nav-bg3 .items .item p {
  position: absolute;
  top: 1.40625rem;
  left: 0;
  font-size: 0.46875rem;
  color: #c8e3f8;
}
.container .dev {
  width: 15rem;
}
.container .dev .dev-bg {
  width: 15rem;
  height: 3.117187rem;
  background: url(../img/核心优势_4.png) no-repeat 0 0/100% 100%;
}
.container .dev .dev-item {
  width: 15rem;
  height: 5.25rem;
}
.container .dev .dev-item img {
  float: left;
  width: 3.585937rem;
  margin: 0.9375rem;
}
.container .dev .dev-item .dev-content {
  float: left;
  width: 7.921875rem;
  display: flex;
  flex-direction: column;
  margin-top: 0.46875rem;
}
.container .dev .dev-item .dev-content h1 {
  flex: 1;
  color: #fff;
  font-size: 0.585937rem;
}
.container .dev .dev-item .dev-content p {
  flex: 2;
  height: 110px;
  font-size: 0.46875rem;
  color: #b1b1b1;
}
.container .tec {
  width: 15rem;
}
.container .tec .tec-bg {
  width: 15rem;
  height: 2.367187rem;
  background: url(../img/五大核心技术1.png) no-repeat 0 0/100% 100%;
}
.container .tec .tec-a {
  width: 11.835937rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0.46875rem;
  margin-top: 0.9375rem;
}
.container .tec .tec-a .tec-a-title h1 {
  color: #fff;
  font-weight: bolder;
  font-size: 0.46875rem;
}
.container .tec .tec-a .tec-a-title span {
  color: #fff;
  font-weight: lighter;
}
.container .tec .tec-a .tec-a-content {
  width: 11.835937rem;
  font-size: 0.46875rem;
  color: #fff;
  text-align: center;
  margin-top: 0.9375rem;
  font-weight: lighter;
}
.container .tec .tec-a .tec-a-content .one {
  margin: 0 auto;
  width: 11.835937rem;
  height: 1.21875rem;
  display: flex;
}
.container .tec .tec-a .tec-a-content .one li {
  flex: 1;
  line-height: 1.21875rem;
  background-color: #1e5da1;
}
.container .tec .tec-a .tec-a-content .one li:nth-of-type(2) {
  margin: 0 0.117187rem;
}
.container .tec .tec-a .tec-a-content .two {
  margin: 0.117187rem auto;
  width: 7.734375rem;
  height: 1.21875rem;
  display: flex;
}
.container .tec .tec-a .tec-a-content .two li {
  flex: 1;
  line-height: 1.21875rem;
  background-color: #1e5da1;
}
.container .tec .tec-a .tec-a-content .two li:first-of-type {
  margin-right: 0.117187rem;
}
.container .tec .tec-b {
  width: 7.734375rem;
  margin: 0 auto;
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
  text-align: center;
  font-size: 0.46875rem;
}
.container .tec .tec-b .tec-b-title h1 {
  color: #fff;
  font-weight: bolder;
  font-size: 0.46875rem;
}
.container .tec .tec-b .tec-b-title span {
  color: #fff;
  font-weight: lighter;
}
.container .tec .tec-b .tec-b-content {
  width: 7.734375rem;
  font-size: 0.46875rem;
  color: #fff;
  text-align: center;
  margin-top: 0.9375rem;
  font-weight: lighter;
}
.container .tec .tec-b .tec-b-content .three {
  width: 7.734375rem;
  height: 1.21875rem;
  display: flex;
}
.container .tec .tec-b .tec-b-content .three li {
  flex: 1;
  line-height: 1.21875rem;
  background-color: #1e5da1;
  margin: 0.058594rem;
}
.container .tec .tec-b .tec-b-content .four {
  width: 7.734375rem;
  display: flex;
}
.container .tec .tec-b .tec-b-content .four li {
  flex: 1;
  line-height: 1.21875rem;
  background-color: #1e5da1;
  margin: 0.058594rem;
}
.container .foot {
  position: unset;
  background-color: #f2f2f2;
}
.container .foot .test {
  margin: 0.234375rem auto;
  color: #b1b1b1;
}
